<?php include 'vmc_home_js_css.php'; ?>
<div id="navigation">
	<div class="shell">
		<h1 id="logo"><a href="http://chocotemplates.com/">ChocoTemplates</a></h1>	
		<ul>
		    <li><a href="http://chocotemplates.com/"><span>Home</span></a></li>
		    <li><a href="http://chocotemplates.com/browse/"><span>Browse</span></a></li>
		    <li class="has-dd">
		    	<a href="http://chocotemplates.com/browse/"><span><strong>Categories</strong></span></a>
		    	<div class="dd">
		    		<div class="dd-t"></div>
		    		<div class="dd-holder">
		    			<ul>
		    				<li><a href="http://chocotemplates.com/category/premium/">&raquo; PREMIUM</a></li>
<li><a href="http://chocotemplates.com/category/portfolio/">&raquo; Portfolio</a></li>
<li><a href="http://chocotemplates.com/category/corporate/">&raquo; Corporate</a></li>
<li><a href="http://chocotemplates.com/category/email-templates/">&raquo; Email Templates</a></li>
<li><a href="http://chocotemplates.com/category/ecommerce/">&raquo; eCommerce</a></li>
<li><a href="http://chocotemplates.com/category/gui/">&raquo; GUI</a></li>
<li><a href="http://chocotemplates.com/category/personal/">&raquo; Personal</a></li>
<li><a href="http://chocotemplates.com/category/portal/">&raquo; Portal</a></li>
<li><a href="http://chocotemplates.com/browse/">&raquo; Browse All Templates</a></li>		    			</ul>
		    		</div>
		    		<div class="dd-b"></div>
		    	</div>
	    	</li>
		    <li><a href="http://chocotemplates.com/pricing-faq/"><span>Pricing &amp; FAQ</span></a></li>
		    <li class="promo has-dd">
		    	<a href="http://chocotemplates.com/browse/"><span>Buy 1 Get 4</span></a>
		    	<div class="dd">
		    		<div class="dd-t"></div>
		    		<div class="dd-holder">
		    			<p>
		    				Buy any of our Templates and get<br /><strong>three more FREE!</strong>
		    				<a href="http://chocotemplates.com/browse/" class="button-browse">Browse our Templates</a>
	    				</p>
		    		</div>
		    		<div class="dd-b"></div>
		    	</div>
	    	</li>
		</ul>
	</div>
</div>
<!--<div id="slider">
	<div class="shell">
		<h2>The Sweetest CSS Templates Worldwide</h2>
		<div class="slider-nav">
			<a href="#" class="active">1</a>
			<a href="#">2</a>
			<a href="#">3</a>
			<a href="#">4</a>
			<a href="#">5</a>
		</div>
	</div>
	<div class="slider-clip">
		<div class="slider-list">
			<ul>
											    <li>
					<div class="slide">
			    		<div class="slide-template">
				    		<div class="slide-template-bg">
				    			<h6><a href="http://chocotemplates.com/corporate/impact/">Impact</a></h6><a href="http://chocotemplates.com/corporate/impact/"><img src="/public/images/them1/simpact-big.jpg" alt="CSS Template Impact" /><em class="prem"></em><b class="preview pbig"></b></a>				    		</div>
			    		</div>
			    		<span class="choco-boy choco-boy1"></span>
			    	</div>
			    </li>
			    			    <li>
					<div class="slide">
			    		<div class="slide-template">
				    		<div class="slide-template-bg">
				    			<h6><a href="http://chocotemplates.com/corporate/simplicity/">Simplicity</a></h6><a href="http://chocotemplates.com/corporate/simplicity/"><img src="/public/images/them1/simplicity-big.jpg" alt="CSS Template Simplicity" /><em class="prem"></em><b class="preview pbig"></b></a>				    		</div>
			    		</div>
			    		<span class="choco-boy choco-boy2"></span>
			    	</div>
			    </li>
			    			    <li>
					<div class="slide">
			    		<div class="slide-template">
				    		<div class="slide-template-bg">
				    			<h6><a href="http://chocotemplates.com/corporate/progress/">Progress</a></h6><a href="http://chocotemplates.com/corporate/progress/"><img src="/public/images/them1/progress-big.jpg" alt="CSS Template Progress" /><em class="prem"></em><b class="preview pbig"></b></a>				    		</div>
			    		</div>
			    		<span class="choco-boy choco-boy3"></span>
			    	</div>
			    </li>
			    			    <li>
					<div class="slide">
			    		<div class="slide-template">
				    		<div class="slide-template-bg">
				    			<h6><a href="http://chocotemplates.com/corporate/inspire/">Inspire</a></h6><a href="http://chocotemplates.com/corporate/inspire/"><img src="/public/images/them1/inspire-big.jpg" alt="CSS Template Inspire" /><em class="prem"></em><b class="preview pbig"></b></a>				    		</div>
			    		</div>
			    		<span class="choco-boy choco-boy4"></span>
			    	</div>
			    </li>
			    			    <li>
					<div class="slide">
			    		<div class="slide-template">
				    		<div class="slide-template-bg">
				    			<h6><a href="http://chocotemplates.com/premium/xperience/">Xperience</a></h6><a href="http://chocotemplates.com/premium/xperience/"><img src="/public/images/them1/xperience-big.jpg" alt="CSS Template Xperience" /><em class="prem"></em><b class="preview pbig"></b></a>				    		</div>
			    		</div>
			    		<span class="choco-boy choco-boy5"></span>
			    	</div>
			    </li>
			    			</ul>
		</div>
		<div class="slider-bg"></div>
		<div class="slider-bg2"></div>
	</div>
</div>-->


<div id="main">
	<div class="shell">
		
		<div id="welcome-boxes">
                    <?php $i =1; foreach ($aryTopProduct as $key => $value) {?>
                        <div class="box box-place <?php echo ($i%2==0) ? 'box-right' : '';?>">
				<h3>What is this Place?</h3>
				<p>We provide cutting edge web templates that can be used as a basis for high-quality website. All our products are completely customizable and ready for immediate download. </p>
			</div>
                    <?php if($i % 2 == 0) { ?>
                        <div class="cl">&nbsp;</div>
                    <?php } ?>
                    <?php $i++; } ?>
<!--			<div class="box box-place">
				<h3>What is this Place?</h3>
				<p>We provide cutting edge web templates that can be used as a basis for high-quality website. All our products are completely customizable and ready for immediate download. </p>
			</div>
			<div class="box box-place box-right">
				<h3>What make us Special?</h3>
				<p>We offer Easily editable web templates with stunning design that are compatible with all major browsers and operating systems.  </p>
			</div>-->
<!--			<div class="cl">&nbsp;</div>-->
		</div>
		
		<div class="more-templates">
			<span class="shadow"></span>
		</div>
		
	</div>
</div>

		
<div id="footer">
	<div class="shell">
		
		<div class="cl">&nbsp;</div>
		<div class="col">
			<h5>Categories</h5>
			<ul class="no-icos">
				<li><a href="http://chocotemplates.com/category/premium/">&raquo; PREMIUM</a></li>
<li><a href="http://chocotemplates.com/category/portfolio/">&raquo; Portfolio</a></li>
<li><a href="http://chocotemplates.com/category/corporate/">&raquo; Corporate</a></li>
<li><a href="http://chocotemplates.com/category/email-templates/">&raquo; Email Templates</a></li>
<li><a href="http://chocotemplates.com/browse/">&raquo; Browse All Templates</a></li>			</ul>
		</div>
		<div class="col">
			<h5>Our Newsletter</h5>
			<div class="subscribe">
				<form action="http://chocotemplates.com/subscribe/" method="post" id="subscribe_form">
					<p>WE DO NOT SPAM !</p>
					<span><input type="text" class="blink" title="Your Email Address" name="email" value="Your Email Address" id="email-field" /></span>
					<input type="submit" class="button-subscribe" value="Subscribe" name="subscribe" />
				</form>
			</div>
		</div>
		<div class="col">
			<h5>Our Network</h5>
			<ul>
				<li><a href="http://htmlmafia.com" class="blank ico-mafia" title="htmlMafia.com - PSD to HTML in Bulk">htmlMafia.com</a></li>
				<li><a href="http://mailbakery.com" class="blank ico-bakery" title="MailBakery.com - HTML Email Template Coding Service">MailBakery.com</a></li>
				<li><a href="http://cssmayo.com" class="blank ico-mayo" title="CSSMayo.com - Web Design Inspiration Gallery">CSSMayo.com</a></li>
				<li><a href="http://freemailtemplates.com" class="blank ico-mailtemplates" title="FreeMailTemplates.com - FREE Email Templates for your Email Marketing Campaigns and Email Newsletters">FreeMailTemplates.com</a></li>
				<li><a href="http://freepsdfiles.net" class="blank ico-psdfiles" title="FreePSDFiles.net - Free PSD Files, Icons, Textures, Photoshop Resources Files and More">FreePSDFiles.net</a></li>
				<li><a href="http://web-backgrounds.net" class="blank ico-webbackgrounds" title="Web-Backgrounds.net - Web Backgrounds in High Resolution. Abstract, Grunge, Retro Backgrounds">Web-Backgrounds.net</a></li>
				<li><a href="http://css-free-templates.com" class="blank ico-cssfreetemplates" title="CSS-Free-Templates.com - Free CSS Templates with jQuery Sliders that can be downloaded instantly ">CSS-Free-Templates.com</a></li>
				<li><a href="http://free-logo-design.net/" class="blank ico-freelogodesign" title="Free Logo Design Templates - Ready to Use Vector Logo Design Templates">Free-Logo-Design.net</a></li>
			</ul>
		</div>
		<div class="col col-last">
			<h5>Stay In Touch</h5>
			<ul>
			    <li><a href="http://chocotemplates.com/contact/" class="ico-mail">Send Us Email</a></li>
			    <li><a href="http://twitter.com/chocotemplates" rel="nofollow" class="ico-twitter">Follow us on Twitter</a></li>
			    <li><a href="http://chocotemplates.com/feed/rss/" class="ico-rss">RSS Feed</a></li>
			</ul>
		</div>
		<div class="cl">&nbsp;</div>
		
	</div>
</div>
<div id="bottom">
	<div class="shell">
		<a href="http://chocotemplates.com/">Home</a>
		<span class="line">|</span>
		<a href="http://chocotemplates.com/browse/">Browse</a>
		<span class="line">|</span>
		<a href="http://chocotemplates.com/pricing-faq/">Pricing &amp; FAQ</a>
		<span class="line">|</span>
		<a href="http://chocotemplates.com/privacy-policy/">Privacy Policy</a>
		<span class="line">|</span>
		<a href="http://chocotemplates.com/terms-of-use/">Terms of Use</a>
		<span class="line">|</span>
		<a href="http://chocotemplates.com/contact/">Contact Us</a>
		<span class="line">|</span>
		<span class="copy">2012 &copy; ChocoTemplates. All rights reserved</span>
		
		<a href="#" class="top"><span></span><span class="hover"></span></a>
	</div>
</div>